<template>
    <div class="base-set bg-light">
        <div class="container-title">活动信息
            <Button type="primary" @click="jumpPrevPage">修改促销</Button>
        </div>
        <div class="info-list">
            <Row class-name="setRow-padding">
                <Col span="8">
                    <span>活动名称：</span>{{$store.state.giftSale.Giftsaleform.name}}
                </Col>
                <Col span="8">
                    <ul>
                        <li v-for="(item,index) in $store.state.giftSale.Giftsaleform.date" :key="index">
                            <span>使用期限：</span>{{item.value[0] | dateTime}} - {{item.value[1] | dateTime}}
                        </li>
                    </ul>
                </Col>
                <Col span="8">
                    <span>活动对象：</span>{{grade}}
                </Col>
            </Row>
            <Row class-name="setRow-padding">
                <Col span="8">
                    <span>单次最少购买数量：</span>{{$store.state.giftSale.Giftsaleform.least}}
                </Col>
                <Col span="8">
                    <span>活动备注：</span>{{$store.state.giftSale.Giftsaleform.remarks}}
                </Col>
            </Row>
        </div>
    </div>
</template>
<script>
export default {
    name: 'activeinfo',
    data () {
        return {
            buttonSize: 'large',
        }
    },
    mounted () {
    },
    computed: {
        grade () {
             return this.$store.getters.giftSaleGrade
        }
    },
    methods: {
        jumpPrevPage () {
            this.$Modal.confirm({
                title: '温馨提示',
                content: '您确定要修改活动吗？修改活动当前页面不保存',
                onOk: ()=> {
                    this.$router.back();
                }
            })
        }
    }
}
</script>

